@charset "utf-8";
.cart_content{
    padding: 1rem;
    .cart_info{
        background:white;
       h2{
           text-align: center;
            font-size: 1.8rem;
            padding: .8rem 0px;
            border-bottom: 1px solid #eee;
            color: red;
       }
       border-radius:.5rem;
       padding:.5rem 0;
       .p_number{
           display: flex;
           padding: .5rem 0 ;
           border-bottom: 1px solid #eee;
           .p_number_left{
               flex: 1;
               p{
                   line-height: 2;
                   &:first-child{
                       color: red;
                   }
               }
           }
           .p_number_right{
               width: 4rem;
               height: 4rem;
               text-align: center;
               img{
                   width: 1.8rem;
                   height: 1.8rem;
                   margin: 0 auto;
               }
           }
           
       }
       
       .cat_p_num{
           border-bottom: 1px solid #eee;
           p{
               line-height: 2;
               .price{
                   font-size: 2.4rem;
                   color: red;
               }
           }
       }
        
    }
    
    .cart_list{
        margin-top: 1rem;
        padding: .5rem;
        background: #fff;
        border-radius: .5rem;
        display: flex;
        ul{
            width: 100%;
            
        }
        .item{
            display: flex;
            width: 100%;
            border-bottom: 1px solid #eee;
            padding: 1rem 0px;
            .left_food{
                flex: 1;
                display:flex;
                img{
                    width: 4rem;
                    height: 4rem;
                    border-radius: 10%;
                    border-right: .8rem;
                }
                
                .food_info{
                    flex: 1;
                    margin-left: .5rem;
                }
                
            }
            .right_cart{
                width: 10rem;
            }
            
        }
        
    }
    
    .cart_num{
        width: 10rem;
        display: flex;
        margin-top: .8rem;
        .input_left,.input_right{
            flex: 1;
            width: 2.8rem;
            height: 2.8rem;
            line-height: 2.8rem;
            text-align: center;
            color: red;
            border: 1px solid #eee;
            font-size: 2.4rem;
            
        }
        .input_center{
            flex: 1;
            input{
                width: 2rem;
                text-align: center;
                width: 100%;
                height: 2.8rem;
                border: none;
                border-top: 1px solid #eee;
                border-bottom: 1px solid #eee;
                float: left;
            }
        }
    }
    
}



   
   /*最长点的菜*/
  
  .hot_food{
      
      background: #fff;
      
      margin-top: 1rem;
      
      border-radius: .5rem;
      
      margin-bottom: 4rem;
      
      h3{
          
          font-size: 1.4rem;
          
          padding: .5rem 0px;
      }
      
      .item_list_outer{
          
            width: 100%;
            
            overflow-x:auto;
            .item_list{
          
             
                padding: 0px .5rem;                
                width: 50rem;
                
                li{
                    
                        width: 8rem;
                        padding: .5rem;
                        box-sizing: border-box;                    
                        float: left;
                        
                        .inner{
                                background: #fff;
                                width: 100%;
                                border-radius: .5rem;
                                overflow: hidden;
                                
                                img{
                                    
                                    width:100%;
                                }
                                
                        }
                }
          }
      
          
      }
    
      
      

    
    
}

/*购车加减*/
.cart_num{
          
      width: 10rem;      
      
      display: flex;
      margin-top: .8rem;
      
      
      .input_left,.input_right{
          flex: 1;
          
          width: 2.8rem;
          height: 2.8rem;
          
          line-height: 2.8rem;
          
          text-align: center;
          
          color: red;
          
          border: 1px solid #eee;
          
          font-size: 2.4rem;
      }    
      
      .input_center{
          
          flex: 1;
          
          input{
              
               width: 2rem;
               text-align: center;
                width: 100%;
                height: 2.8rem; 
                border: none;
                
                 border-top: 1px solid #eee;
                 
                 border-bottom: 1px solid #eee;
          
                 float: left;
          }
      }
  }
  



//空购物车
.car_empty{
    text-align: center;
    line-height: 3;
    h3{
        font-size: 1.8rem;
    };
}
